<template>
    <div>
    <p>父组件</p>
    <Son v-slot="slotProps">
        <p>儿子的名字是{{ slotProps.sonName }}</p>
    </Son>
<BobSon>
    <template v-slot:header="{sonName}">
            <p>儿子的名字是{{sonName}}</p>
    </template>
</BobSon>

</div>
</template>


<script>
import Son from './Son.vue';
import BobSon from './BobSon.vue';
    export default{
        components:{
            Son,
            BobSon
        }
    }
</script>